<tamplate>
    <div>
        <el-card class="main-box">
            <el-card class="tip">
                还没有消息哦！
            </el-card>
            <el-card v-for="o in 4" :key="o" class="massageList">
                {{'消息类型 ' + o}}
            </el-card>
        </el-card>
    </div>
</tamplate>

<script>
    export default {
        name: "massageBox"
    }
</script>

<style scoped>
    .tip {
        margin-right: 35%;
        text-align : center;
    }
    .massageList {
        margin-left: 70%;
    }
    .main-box {
        width: 100%;
        height: 100%;
        position: absolute;
        right: 0;
        left: 0;
        margin: auto;
    }
</style>
